﻿@model IEnumerable<TracNghiem.Areas.Admin.Models.Noi_DungModels>
            <div class="vc-page-center clearfix">
  <div class="2colpage clearfix">
                                        <div class="vc-sidebar-left">
                                            <div class="left-box">
                                                <div class="title-box">
                                                    <a class="title">Danh Mục</a>
                                                </div>
                                                <div class="content-box">
                                                    <ul id="left-menu" class="left_menu">
                                               
           @Html.Raw(ViewBag.menu)
                                                    </ul>
                                                   
                                                </div>
                                            </div>

                                        </div>
                                        <div class="vc-content">
                                            @*<div class="moving-news">
                                                <div class="title">
                                                    <a href="#">Thông Báo:</a>
                                                </div>
                                                <div class="promo-news">
                                                    <marquee width="580" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="0"
                                                        scrollamount="4">			           
							                        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                                                    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
                                                    HỆ THỐNG ÔN-THI TRẮC NGHIỆM TRỰC TUYẾN VNPT-ĐIỆN BIÊN
			                                    </marquee>
                                                </div>
                                            </div>*@
                                            <script language="javascript">
                                                function changeServicesMenu() {
                                                    document.getElementById("giaitri").setAttribute("class", "expanded");
                                                    var userAgent = navigator.userAgent.toLowerCase();
                                                    if (userAgent.indexOf("firefox") != -1) {
                                                        document.getElementById("ulgiaitri").style.display = "block";
                                                    }
                                                }
                                            </script>
<div class="center-content">
							<div class="title">
									<ul class="breadcrums clearfix">
									
										<li><a href="@Url.Action("index", "home")"class="arrow">Trang Chủ</a></li>
                                        <li class="arrow"></li>
										<li><a href="@Url.Action("danhmuc", "baihocnew", new { id = @ViewBag.dichvuid })"class="arrow">@ViewBag.dichvu</a></li>
                                        <li class="arrow"></li>
										<li><a href="" class="active">@ViewBag.name</a></li>
									</ul>
							</div>	
							
					<div class="box-content clearfix">
								<div class="inner clearfix">
									<!-- Tab Package -->
									<div class="package-detail clearfix">
										<ul id="package-tabs" class="package-tabs clearfix">
											@*<li><a href="#tab1"><Span>giới thiệu</Span></a></li>
											<li><a href="#tab2"><Span>hướng dẫn</Span></a></li>
											<li ><a href="#tab3"><Span>giới thiệu</Span></a></li>
                                            <li ><a href="#tab4"><Span>cước phí</Span></a></li>*@
                                    @{int stt = 0;}
                                    @foreach (var item in Model)
                                    {
                                        stt++;
                                        if (stt == 1)
                                        {
                                            <li class="active"><a href="#@stt.ToString()"><Span>@item.tenphanloai</Span></a></li>
                                        }
                                        else
                                        {
                                        <li ><a href="#@stt.ToString()"><Span>@item.tenphanloai</Span></a></li>
                                        }
                                        
                                    }
										</ul>
										<div class="tab-content">
                                        @{int a = 0;}
                                          @foreach (var item in Model)
                                          {
                                              a++;
                                       
                                              <div id="@a.ToString()" class="pack-content">
                                        @Html.Raw(@item.NOIDUNG)
											
                        </div>
                                        
                                    }
											@*<!-- Tab gioithieu -->
											<div id="tab1" class="pack-content">
                                          demo nội dung
											
                        </div>
											<!-- End Tab gioithieu -->
											
											<!-- End Tab huongdan -->
											<div id="tab2" class="pack-content">
											  demo nội dung
								      </div>
											<!-- End Tab huongdan -->		
											
											<!-- End Tab cuocphi -->
											<div id="tab3" class="pack-content">
											  demo nội dung
										  </div>
											    <!-- End Tab cuocphi -->	
											    
											    <!-- End Tab faq -->
									      <!-- End Tab faq -->	
											<!-- End Tab faq -->
											<div id="tab4" class="pack-content">
                                          demo nội dung
                                              </div>*@
</div>
											<!-- End Tab faq -->
										</div>												
									</div>
									<!-- End tab Package -->
								</div>																	
	  </div>
	  <div class="bottom-content"></div>	
</div> 	